Frontend Forever App
We have a mobile app for you to download and use. And you can unlock many features in the app.
Get it now
Intall Later
Run
HTML
CSS
Javascript
Output
body { background: #6BC8FF; } .cake { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 200px; height: 40px; background: lighten(#6B5344, 3%); border-radius: 100%; box-shadow: 0px 4px 0px #6B5344, 0px 8px 0px #6B5344, 0px 12px 0px #6B5344, 0px 16px 0px #6B5344, 0px 20px 0px #6B5344, 0px 24px 0px #6B5344, 0px 28px 0px #6B5344, 0px 32px 0px #EB9F9F, 0px 36px 0px #EB9F9F, 0px 40px 0px #F8ECC9, 0px 44px 0px #F8ECC9, 0px 48px 0px #F8ECC9, 0px 52px 0px #F8ECC9, 0px 56px 0px #6B5344, 0px 60px 0px #6B5344, 0px 64px 0px #6B5344, 0px 68px 0px #6B5344, 0px 72px 0px #6B5344, 0px 76px 0px #6B5344, 0px 80px 0px #6B5344; &:before { position: absolute; right: 0; top: 79px; left: -25px; margin: auto; content: ""; width: 250px; height: 50px; border-radius: 100%; background: #fff; box-shadow: 0px 6px 0px rgba(0, 0, 0,.1); z-index: -1; } &:after { position: absolute; top: -30px; left: 0; right: 0; margin: 0; bottom: 0; content: "28"; font-family: "Open Sans"; font-size: 3em; font-weight: bold; color: #E9F2F9; -webkit-text-stroke: 2px #fff; text-align: center; } }